<template>
  <div class="activities-page">
    <div class="page-header">
      <h1>🎣 钓鱼活动</h1>
      <p class="page-subtitle">参与精彩钓鱼活动，结识更多钓友</p>
    </div>
    
    <div class="content-placeholder">
      <div class="placeholder-icon">🎣</div>
      <h3>钓鱼活动功能开发中</h3>
      <p>敬请期待活动报名和活动详情功能</p>
    </div>
  </div>
</template>

<script setup lang="ts">
// 空页面组件 - 钓鱼活动页面
</script>

<style scoped>
.activities-page {
  padding: 24px;
  max-width: 1200px;
  margin: 0 auto;
}

.page-header {
  text-align: center;
  margin-bottom: 32px;
}

.page-header h1 {
  font-size: 28px;
  color: var(--accent-primary);
  margin-bottom: 8px;
}

.page-subtitle {
  font-size: 16px;
  color: var(--text-secondary);
  margin: 0;
}

.content-placeholder {
  text-align: center;
  padding: 60px 20px;
  background: var(--bg-card);
  border-radius: 12px;
  box-shadow: var(--shadow-card);
}

.placeholder-icon {
  font-size: 48px;
  margin-bottom: 16px;
}

.content-placeholder h3 {
  font-size: 18px;
  color: var(--text-primary);
  margin-bottom: 8px;
}

.content-placeholder p {
  font-size: 14px;
  color: var(--text-secondary);
}
</style>